﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    @*CSS cho Skin client*@
    <link href="@Url.Content("~/Content/colours/green.css")" rel="Stylesheet" type="text/css"/>
    <link href="@Url.Content("~/Content/style.css")" rel="Stylesheet" type="text/css"/>
    <link href="@Url.Content("~/Content/superfish.css")" rel="Stylesheet" type="text/css"/>
    @*Javascript cho skin client*@
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
        rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet'
        type='text/css'>
    <script src="@Url.Content("~/Scripts/JsSkin/jquery.flexslider-min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JsSkin/jquery.prettyPhoto.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JsSkin/scripts.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JsSkin/selectivizr-min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JsSkin/jsuperfish.js")" type="text/javascript"></script>
    @*Slider*@
    <!-- SlidesJS Required (if responsive): Sets the page width to the device width. -->
    <meta name="viewport" content="width=device-width">
    <!-- End SlidesJS Required -->
    <link href="@Url.Content("~/Content/Slider/img/css/example.css")" rel="Stylesheet" type="text/css"/>
    <!-- SlidesJS Optional: Dinh dang cho cac button duoc dep. Cho Stop , chuyen anh -->
    <style>
        #slides
        {
            display: none;
        }
        #slides .slidesjs-navigation
        {
            margin-top: 0px;
        }
        a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop
        {
            background-image: url("../../Content/Slider/img/img/btns-next-prev.png");
            background-repeat: no-repeat;
            display: block;
            width: 12px;
            height: 18px;
            overflow: hidden;
            text-indent: -9999px;
            float: left;
            margin-right: 0px;
        }
        a.slidesjs-next
        {
            margin-right: 10px;
            background-position: -12px 0;
        }
        a:hover.slidesjs-next
        {
            background-position: -12px -18px;
        }
        a.slidesjs-previous
        {
            background-position: 0 0;
        }
        a:hover.slidesjs-previous
        {
            background-position: 0 -18px;
        }
        a.slidesjs-play
        {
            width: 15px;
            background-position: -25px 0;
        }
        a:hover.slidesjs-play
        {
            background-position: -25px -18px;
        }
        a.slidesjs-stop
        {
            width: 18px;
            background-position: -41px 0;
        }
        a:hover.slidesjs-stop
        {
            background-position: -41px -18px;
        }
        .slidesjs-pagination
        {
            margin: 7px 0 0;
            float: right;
            list-style: none;
        }
        .slidesjs-pagination li
        {
            float: left;
            margin: 0 1px;
        }
        .slidesjs-pagination li a
        {
            display: block;
            width: 13px;
            height: 0;
            padding-top: 13px;
            background-image: url(img/pagination.png);
            background-position: 0 0;
            float: left;
            overflow: hidden;
        }
        .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active
        {
            background-position: 0 -13px;
        }
        .slidesjs-pagination li a:hover
        {
            background-position: 0 -26px;
        }
        #slides a:link, #slides a:visited
        {
            color: #333;
        }
        #slides a:hover, #slides a:active
        {
            color: #9e2020;
        }
        .navbar
        {
            overflow: hidden;
        }
    </style>
    <!-- End SlidesJS Optional-->
</head>
<body>
    <div class="wrapper">
        <div class="header">
            @*Dat banner*@
            <div class="banner">
                <img src="../../Content/Image/banner.jpg" />
            </div>
        </div>
        <!--End header-->
        <div id="main-menu-wrapper" class="clearfix">
            <ul id="main-menu" class="fl">
                <li><a href="Default.aspx">TRANG CHỦ</a></li>
                <li><a href="Gioithieu.aspx">GIỚI THIỆU</a></li>
                <li><a href="Vanphong.aspx">VĂN PHÒNG</a></li>
                <li><a href="Tuyenduong.aspx">TUYẾN ĐƯỜNG</a></li>
                <li><a href="Banggiave.aspx">GIÁ VÉ</a></li>
                <li><a href="Datve.aspx">ĐẶT VÉ XE</a></li>
                <li><a href="Lienhe.aspx">LIÊN HỆ</a></li>
            </ul>
        </div>
        <!--End main-menu-wrapper-->
        <div class="slider clearfix">
            <ul class="slides">
                <div class="container">
                    <div id="slides">
                        <img src="../../Content/Slider/img/img/example-slide-1.jpg" />
                        <img src="../../Content/Slider/img/img/example-slide-2.jpg" />
                        <img src="../../Content/Slider/img/img/example-slide-3.jpg"/>
                        <img src="../../Content/Slider/img/img/example-slide-4.jpg"/>
                    </div>
                </div>
                 
                <!-- SlidesJS Required: Link to jQuery -->
                <script src="../../Content/Slider/img/js/jquery-1.9.1.min.js" type="text/javascript"></script>
                <!-- End SlidesJS Required -->
                <!-- SlidesJS Required: Link to jquery.slides.js -->
                <script src="../../Content/Slider/img/js/jquery.slides.min.js" type="text/javascript"></script>
                <!-- End SlidesJS Required -->
                <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
                <script>
                    $(function () {
                        $('#slides').slidesjs({
                            width: 950,
                            height: 300,
                            play: {
                                active: true,
                                auto: true,
                                interval: 4000,
                                swap: true
                            }
                        });
                    });
  </script>
                <!-- End SlidesJS Required -->
            </ul>
        </div>
        <!--End slider slide-loader clearfix-->
        <div id="Content">
            <div id="LeftSide">
                @RenderBody()
            </div>
            <!--End LeftSide-->
            <div id="RightSide">
                <div class="SideItems">
                    <div class="titleitems">
                        Đăng Nhập
                    </div>
                    <center style="margin: 15px auto;">
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                    </center>
                </div>
                <!--End SideItems Dang Nhap-->
                <div class="SideItems">
                    <div class="titleitems">
                        HAVE A NICE DAY
                    </div>
                    <center style="margin: 15px auto;">
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                    </center>
                </div>
                <!--End SideItems-->
                <div class="SideItems">
                    <div class="titleitems">
                        QUẢNG CÁO
                    </div>
                    <center style="margin: 15px auto;">
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380
                    </center>
                </div>
                <!--End SideItems-->
            </div>
            <!--End RightSide-->
        </div>
        <!--End Content-->
        <div id="footer-bottom">
            <center>
                <p style="font-size: larger; font-weight: bold;">
                    <b>Copyright © 2012 ĐẠI HỌC ĐÀ LẠT</b>
                </p>
                <div>
                    <p>
                        Địa chỉ:01 Phù Đổng Thiên Vương, Đà Lạt - Điện thoại: (063)3822246 - Fax: (063)3823380</p>
                    <p>
                        Website:<a style="font-weight: bold;" href="http://it.dlu.edu.vn">http://it.dlu.edu.vn</a>-
                        Email: lovebum@outlook.com
                    </p>
                    <p>
                        Design web: NHÓM 11 - VIP
                    </p>
                </div>
            </center>
        </div>
        <!--End footer-bottom-->
    </div>
    <!--End wraper-->
</body>
</html>
